.root {
	display: flex;
	flex-direction: column;
	background-color: #555555;
}

.item-container {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	width: 96%;
	margin: 2%;
	margin-top: 15rpx;
	background-color: white;
	padding-top: 10rpx;
	padding-bottom: 5rpx;
	display: flex;
	flex-direction: column;
}

.item-title {
	font-size: 30rpx;
	font-weight: bold;
	margin-left: 70rpx;
	margin-right: 30rpx;
	padding-top: 10rpx;
	padding-bottom: 5rpx;
	margin-bottom: 5rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-bottom: darkgray solid 1px;
}

.item-focus {
	width: 94%;
	margin-left: 20rpx;
	margin-right: 20rpx;
	display: block;
	border-radius: 5rpx;
}

.item-desc {
	font-size: 25rpx;
	margin-left: 20rpx;
	margin-right: 20rpx;
	margin-bottom: 10rpx;
}

.item-avatar {
	position: absolute;
	border-radius: 50%;
	width: 60rpx;
	height: 60rpx;
}

.item-tag {

	float: left;
	color: cadetblue;
	font-size: 25rpx;
	border: cadetblue solid 1px;
	border-radius: 20rpx;
	margin: 10rpx 20rpx;
	padding: 5rpx;

}

.icon-tag {
	color: red;
	width: 50rpx;
	height: 50rpx;
	position: absolute;
	right: 20rpx;
}

.icon {
	width: 50rpx;
	height: 50rpx;
	margin-top: 10rpx;
	margin-right: 5rpx;
}

.icon-text {
	position: relative;
	bottom: 15rpx;
	font-size: 20rpx;
	margin-top: 10rpx;
	margin-right: 20rpx;
}

.bottom {
	font-size: 20rpx;
	margin: 20rpx 0rpx;

}

.uni-search {
	width: 96%;
	margin: auto;
}

.ic-red {
	color: red;
	font-size: 35rpx;
	margin-top: 10rpx;
}

.ic-gray {
	color: gray;
	font-size: 35rpx;
	margin-top: 10rpx;
}

.item-author {
	font-size: 20rpx;
	color: #555555;
	margin-left: 100rpx;
	margin-bottom: 5rpx;


}

.rich-img {
	width: 100%;
	height: auto;
	border-radius: 5rpx;
	margin: 5rpx;
}

.cmt-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 10rpx;
	align-items: baseline;
}

.cmt-author {
	color: violet;
	font-size: 28rpx;
	margin-left: 80rpx;
	margin-bottom: 5rpx;
}

.cmt-time {
	color: #555555;
	font-size: 20rpx;
	margin-bottom: 5rpx;
	margin-left: 80rpx;
}

.cmt-avatar {
	width: 60rpx;
	height: 60rpx;
	margin-left: 15rpx;
	margin-top: 10rpx;
	border-radius: 50%;
	position: absolute;
}

.cmt-content {
	font-size: 28rpx;
	margin-left: 80rpx;
	margin-right: 15rpx;
	margin-bottom: 10rpx;

}

.cmt-line {
	border-bottom: lawngreen 20rpx solid;
}

.reply-container {
	margin-left: 80rpx;
	display: flex;
	flex-direction: column;
	border-left: darkgray 3rpx solid;
}

.reply-author {
	color: cornflowerblue;
	font-size: 26rpx;
}

.reply-content {
	font-size: 26rpx;
}

.reply-info {
	display: flex;
	flex-direction: row;
}

.reply-item {
	display: flex;
	flex-direction: column;
}

.reply-to {
	color: chocolate;
	font-size: 26rpx;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.reply-time {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: darkgray;
	font-size: 20rpx;
}

.input-container {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
	display: flex;
	flex-direction: row;
	align-items: center;
	background-color: white;
	border: #cc3300 1px solid;
	position: fixed;
	bottom: 20rpx;
	border-radius: 10rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.input-avatar {
	width: 80rpx;
	height: 80rpx;
	border-radius: 50%;
}

.input-area {
	flex-grow: 1;
	margin-left: 10rpx;
}

.input-commit {
	font-size: 40rpx;
	color: #cc3300;
	margin-right: 20rpx;
}